import React from 'react'
// ===================================================================== 
import { QuestionCircleFilled } from '@ant-design/icons'
// =====================================================================
const config = {
	style:{color:'red', position:'relative', top:1}
}
const Index = ({ text, className, align ='xc', danger, onClick }) => (
	<div className={`fxm f12 h20 g6 ${align?align:''} ${className?className:''}`} onClick= { onClick } >
		{ <QuestionCircleFilled {...config} /> }
		<div className='ml5' style={danger?{color:'red'}:null}>{text}</div>
	</div>
)

export default Index